@charset "utf-8";
/* CSS Document */

/*服装鞋包开始*/
.commen1{
    width: 1210px;
    height: 667px;
    margin: 15px auto;
}
.commen1 .title{
    width: 1210px;
    height: 36px;
    position: relative;
}
.commen1 .title .leftredline{
    width: 583px;
    height: 35px;
    float: left;
    position: relative;
    border-bottom: 1px solid #E27A7E;
    
}
.commen1 .title span.logo{
    display: inline-block;
    width: 31px;
    height: 25px;
    overflow: hidden;
    float: left;
    background: url(../images/sprite_floor.png) no-repeat 0 -35px;
}
.commen1 .title span.logo.cur{
    display: inline-block;
    width: 31px;
    height: 25px;
    overflow: hidden;
    float: left;
    background: url(../images/sprite_floor.png) no-repeat 0 0;
}
.commen1 .title span.letter{
    display: inline-block;
    color: white;
    font-size: 14px;
    width: 15px;
    height: 10px;
    position: absolute;
    top:10px;
    left: 3px;
}
.commen1 .title p{
    width: 85px;
    height: 34px;
    font-size: 20px;
    font-family: 'microsoft yahei';
    color: #333333;
    line-height: 25px;
    margin-left: 9px;
    display: inline-block;
    float: left;
}
.commen1 .title .list{
    width: 627px;
    height: 35px;
    float: right;
    position: relative;
    border-bottom: 1px solid #E27A7E;
    z-index: 2;
}
.commen1 .title .list a{
    display: inline-block;
    height: 34px;
    padding-left: 17px;
    padding-right: 16px;
    /*margin-left: 1px;*/
    position: relative;
    line-height: 32px;
    color: #666666;
    float: left;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-top: 1px solid #EDEDED;
}
.commen1 .title .list a.first{
    border-right: 1px solid #E27A7E;
    border-left: 1px solid #E27A7E;
    border-top: 3px solid #E27A7E;
    border-bottom: 1px solid white;
    height: 32px;
    color: #E27A7E;
    line-height: 28px;
    line-height: 10px\0;
}
.commen1 .title .list a.last{
    border-right: 1px solid #EDEDED;
}
.commen1 .title .list a span{
    width: 1px;
    height: 14px;
    position: absolute;
    top: 9px;
    right: -1px;
    background: #CCCCCC;
}
.commen1 .title .list a.first span{
    display:none;
}
.commen1 .pic{
    width: 1210px;
    height: 632px;
    position: relative;
    /*border: 1px solid blue;*/
}
.commen1 .pic .fixed{
    width: 330px;
    height: 632px;
    float: left;
    /*display: inline-block;*/
}
.commen1 .pic .fixed a{
    float: left;
}
.commen1 .pic .fixed .float1{
    width: 305px;
    height: 92px;
    position: absolute;
    top: 253px;
    left: 0;
    opacity: 0.3;
    filter:Alpha(opacity=50);
    background: white;
    padding-left: 25px;
    white-space: nowrap;
}

.commen1 .pic .fixed .float1 a{
    width: 100px;
    height: 26px;
    float: left;
    font-family: 'microsoft yahei';
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.commen1 .pic .fixed .float1 a span{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../images/clothesicon.png) no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}
.commen1 .pic .fixed .float1 a:hover{
    color: #C81623;
}
.commen1 .pic .fixed .float2{
    width: 330px;
    height: 129px;
    position: absolute;
    top: 344px;
    left: 0;
    background: #F8FBFC;
}
.commen1 .pic .fixed .float2 div{
    width: 135px;
    height: 96px;
    padding-left: 25px;
    padding-top: 16px;
    list-style: none;
    float: left;
    filter:Alpha(opacity=80);
    display: inline-block;
}
.commen1 .pic .fixed .float2 div a{
    display: inline-block;
    height: 24px;
    float: left;
    line-height: 24px;
    white-space: nowrap;
    margin-left: 10px;
    color: #999999;
}
.commen1 .pic .fixed .float2 div a.red{
    color: #C81623;
}
.commen1 .pic .fixed .float2 div a:hover{
    color: #C81623;
}
.commen1 .pic .scroll{
    width: 880px;
    height: 632px;
    display: none;
    position: absolute;
    top: 0;
    left: 330px;
}
.commen1 .pic .scroll div{
    width: 185px;
    height: 224px;
    padding: 6px 17px;
    padding-bottom: none;
    float: left;
    position: relative;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}
.commen1 .pic .scroll .plug{
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    display: inline-block;
    padding: 0;
    width: 439px;
    height: 315px;
    position: relative;
    float: left;
    overflow: hidden;
}
.commen1 .pic .scroll .plug ul{
    width: 64px;
    height: 9px;
    list-style: none;
    position: absolute;
    left: 191px;
    bottom: 10px;
}
.commen1 .pic .scroll .plug ul li{
    width: 9px;
    height: 9px;
    float: left;
    margin-right: 7px;
    background: #606060;
    border-radius: 50%;
}
.commen1 .pic .scroll .plug .plugpic{
    width: 2195px;
    height: 315px;
    position: absolute;
    top: 0;
    left: 0px;
    padding: 0;
}
.commen1 .pic .scroll .plug .plugpic a{
    float: left;
    border-right: none;
    border-bottom: none;
}
.commen1 .pic .scroll .plug a.left{
    height: 68px;
    width: 28px;
    position: absolute;
    left: 0;
    top: 127px;
    background: #C0C0C0;
    line-height: 68px;
    font-size: 20px;
    color: white;
    text-align: center;
    opacity: 0.6;
    display: none;
}
.commen1 .pic .scroll .plug a.right{
    height: 68px;
    width: 28px;
    position: absolute;
    right: 0;
    top: 127px;
    background: #C0C0C0;
    line-height: 68px;
    font-size: 20px;
    color: white;
    text-align: center;
    opacity: 0.6;
    display: none;
    }
.commen1 .pic .scroll .plug:hover a.left,.commen1 .pic .scroll .plug:hover a.right{
    display:block;
}
.commen1 .pic .scroll a.bottom{
    display:block;
    float: left;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}
.commen1 .pic .scroll div a.pic{
    display: block;
    margin: 15px auto;
    width: 130px;
    height: 130px;
}
.commen1 .pic .scroll div p.word{
    width: 185px;
    height: 36px;
    position: absolute;
    left: 17px;
    top: 167px;
    /*background: red;*/
}
.commen1 .pic .scroll div p.price{
    width: 185px;
    height: 18px;
    position: absolute;
    left: 17px;
    bottom: 15px;
    color: #E4393C;
    font-family: Verdana;
    font-size: 15px;
    line-height: 18px;

}
.commen1 .pic .scroll1 a{
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    float: left;
}
.commen1 .pic .scroll1 a.long2{
    float: right;
}
/*服装鞋包结束*/